<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./css/operate4.css">
  <link rel="stylesheet" href="./css/all.css">
  <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon">

  <title>运营部模特登记</title>
</head>
<body>
  <div class="container" style="margin-top: 5%;">
    <header>
      <!-- 顶部 -->
      <nav class="navbar  navbar-default" role="navigation">
      <div class="row" id="nav">

        <div class="col-xs-10 col-sm-12 col-md-5" style="padding-right: 0;">

          <!-- logo -->
          <div class="col-xs-12 col-sm-12 col-md-6" style="padding: 0;">
            <img src="./images/logo.jpg" style="height: 50px;width: 50px;float: left;">
            <h1>左唐文化</h1>
          </div>

          <!-- 页面标题 -->
          <div class="col-xs-6 col-sm-12 col-md-6" style="padding: 0;">
            <h4>运营部模特登记</h4>
          </div>
        </div>

        <!-- 导航栏 -->
        <div class="navbar-header">

          <!-- 导航栏下拉菜单按钮 -->
          <button class="navbar-toggle" data-toggle="collapse" data-target="#navBar" id="menubtn">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        
        <div class="collapse navbar-collapse navbar-right " id="navBar"  style="z-index: 1;">
          
          <ul class="nav navbar-nav" >

            <!-- 招商部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">招商部<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="./business1.html">客户登记</a></li>
                <li><a href="./business2.html">项目执行</a></li>
              </ul>
            </li>

            <!-- 运营部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">运营部<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="./operate1.html">编导</a></li>
                <li><a href="./operate2.html">拍摄</a></li>
                <li><a href="./operate3.html">后期</a></li>
                <li><a href="./operate4.html">模特登记</a></li>
              </ul>
            </li>

            <!-- 媒介部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">媒介部<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="./medium.html">媒介部资源登记</a></li>
                <li><a href="./medium2.html">媒介部明细</a></li>
              </ul>
            </li>

            <!-- 财务部下拉菜单 -->
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">财务部<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="./Finance1.html">部门消耗</a></li>
                <li><a href="./Finance2.html">项目资金</a></li>
              </ul>
            </li>

            <!-- 直播部 -->
            <li><a href="./video.html">直播部</a></li>

            <!-- 技术部 -->
            <li><a href="./technology.html">技术部</a></li>

            <!-- 搜索 -->
            <li><a href="#" style="color: rgb(59, 162, 226);" id="serach">搜索</a></li>

            <!-- 个人中心 -->
            <li><a href="./index.html" style="color: rgb(253, 168, 87);">个人中心</a></li>
            
          </ul>
        </div>
        </div>
        </nav>
    </header>

    <!-- 表单 -->
    <section>
      <div class="row" id="operate4">
      <div class="col-xs-10 col-sm-12 col-md-4 col-md-offset-5 col-xs-offset-1 text-center formbg">
        <form action="#">
          登记日期：<input type="date" style="width:180px" id="s_time" required ><br>
          姓名：<input type="text" id="s_name" required style="margin-left: 28px;"><br>
          手机号：<input type="text" id="s_phone" required style="margin-left: 15px;"> <br>
          <div id="phoneId"></div>
          <!-- 性别：<input type="text" id="s_gender" required style="margin-left: 28px;"><br> -->
          <!-- 性别选择 -->
          <div style="margin-left: -105px;"> 
            性别：<span style="padding-left: 30px;">男 <input type="radio" name="sex"  value="0" checked> 女 <input type="radio" name="sex" value="1"><br></span> 
          </div>
          合作项目：<input type="text" id="s_job" required><br>
          表现评分：<input type="text" id="score" required><br>
          <div class="col-xs-12 col-md-10 col-md-offset-2 col-xs-offset-1" style="padding: 0;">
            <div style="margin-left: 5px;">
              样片：<input type="file" style="display: inline;width: 71%;" id="s_image" required>
            </div>
          </div>
          <div class="col-xs-12 col-md-10 col-md-offset-2 col-xs-offset-1" style="padding: 0;">
            <div style="margin-left: -12px;">
              视频样片：<input type="file" style="display: inline;width: 71%;" id="s_video" required>
            </div>
          </div>
          <!-- 视频样片：<input type="file" id="s_video" required><br> -->
          备注：<textarea name="" id="dec_detail" cols="22" rows="1" style="margin-top: 30px;margin-left: 28px;width: 178px;"></textarea><br>


          <!-- 提交 -->
          <input type="button" value="提交" class="submit" onclick="mHttp()">

        </form>
      </div>   
    </div>
  </section>
    <footer>
      <!-- 底部版权信息等 -->
      <div class="row" id="footer">
      </div>
    </footer>
  </div>
</body>
<script src="./js/host.js"></script>
<script src="./js/operate4.js"></script>

<script src="./js/all.js"></script>
</html>